<template>
  <div class="lesson-list">
    <div class="title">华数课堂</div>
    <scroll-container ref="scrollContainer">
      <multiList @scrollTo="scrollTo" :groupDatas="groupDatas" :groupOffset="1" :head="head">
        <imglist_w312 :groupData="groupDatas.dataArr[0]" :focArr="groupDatas.focArr[0]" :group="group"></imglist_w312>
      </multiList>
    </scroll-container>
  </div>
</template>
<script>
  import scrollContainer from "@/components/base/scroll-container/scroll-container";
  import multiList from "@/components/base/multi-list/multi-list";
  import imglist_w312 from "../ImgList_w312";

  export default {
    components: {
      scrollContainer,
      multiList,
      imglist_w312
    },
    props: ["groupDatas", "group"],
    methods: {
      scrollTo(targetIndex) {
        this.$refs.scrollContainer.scrollTo(targetIndex);
      }
    },
    data() {
      return {
        scrollY: 0,
        backObjName: "hskt-list",
        hs: this.$store.state.hs,
        head: {
          left: "0-0"
        }
      };
    },
    created(){
    }
  };
</script>
<style lang="less" scoped>
.lesson-list {
  margin-left: -48px;
  width: 1575px;
  overflow: hidden;
  .title {
    text-align: right;
    margin-top: 77px;
    margin-bottom: 48px;
    margin-right: 120px;
    font-family: MicrosoftYaHei;
    font-size: 60px;
    line-height: 60px;
    letter-spacing: 0px;
    color: #a8e7ff;
  }
  .content{
    height: 921px;
  }
}
</style>
